<!DOCTYPE html>
<html>
<head>
    <title>{$site_info.site_seo_title|default=''}-{$site_info.site_name}</title>
    <meta name="keywords" content="{$category.seo_keywords|default=''}"/>
    <meta name="description" content="{$category.seo_description|default=''}">
    <include file="public@head"/>
</head>
<body class="archive category category-seo-youhua category-3">
<include file="public@nav"/>
</header>
    <section class="xs-main index-main clr">
        <div class="inner">
            <div class="xs-left">
                <div class="cat-title">
                    <h1>{$category['name']} </h1>
                    <p class="des">
                        {$category.seo_description|default=''}
                    </p>
                </div>
                <div class="content-ajax">
                    <!--图表统计-->
                    <br/>

                     <div id="container" style="height:400px"></div>

                    <php>
                    $where=[ 'post.create_time'=>['egt',0]];
                    $page=[
                    'list_rows'=>10,
                    'next'=>'下一页',
                    'prev'=>'上一页'
                    ];
                    </php>
                    <portal:articles  where="$where" page="$page" order="post.published_time DESC" categoryIds="$category['id']">
                        <article id="post-532" class="post-532 post type-post status-publish format-standard hentry category-web-design tag-user-experience">
                            <figure class="entry-img"><span class="sort"></span><a href="{:cmf_url('portal/Article/index',array('id'=>$vo.id,'cid'=>$vo['categories'][0]['id']))}" rel="bookmark" title="{:cnsubstr($vo.post_title,25)}">
                                <img src="__ROOT__/upload/{$vo['thumbnail']}" alt="{:cnsubstr($vo.post_title,25)}" class="thumbnail"/></a></figure>
                            <div class="entry-content">
                                <h2 class="entry-title"><a href="{:cmf_url('portal/Article/index',array('id'=>$vo.id,'cid'=>$vo['categories'][0]['id']))}" rel="bookmark">{:cnsubstr($vo.post_title,25)}</a></h2>
                                <div class="entry-site xs-hidden">
                                    {:cnsubstr($vo.post_excerpt,50)}
                                </div>
                                <div class="entry-meta">
                                    <div class="eye xs-hidden">
                                        <i class="fa fa-eye fa-1"></i><a href="javascript:void(0);">{$vo.post_hits}</a>
                                    </div>
                                    <div class="time">
                                        <i></i><a href="javascript:void(0);">{:date('y-m-d',$vo.published_time)}</a>
                                    </div>
                                </div>
                            </div>
                        </article>
                    </portal:articles>
                </div>
                <div class="pagexx">
                    <page/>
                </div>
            </div>
            <include file="public@cb"/>
        </div>
    </section>

<include file="public@footer"/>
    <script>//悬浮
    window.onscroll=function(){
        var topScroll =document.body.scrollTop;//滚动的距离,距离顶部的距离
        var bignav = document.getElementById("float");
        if(topScroll <= 1830){
            //当滚动距离小于1820的时候执行下面的内容，也就是让导航栏恢复原状
            bignav.style.position = 'static';
        }else{
            //当滚动距离大于1820px时执行下面的东西
            bignav.style.position = 'fixed';
            bignav.style.top = '8%';
            console.log(topScroll)
        }
    }
    </script>
    <div id="shangxia">
        <div id="shang" title="↑ 返回顶部" style="background: url(__ROOT__/upload/{$theme_vars.indexImg.1.img}) no-repeat;">
        </div>
    </div>
<include file="public@scripts"/>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/simplex.js"></script>
<script type="text/javascript">
    var dom = document.getElementById("container");
    var myChart = echarts.init(dom);
    var app = {};
    option = null;
    option = {
        title:{
            text:'宁夏枸杞单位重量价格趋势(kg)',
            subtext:'',
            x:'center',
            y:'top',
            textAlign:'left'
        },
        xAxis: {
            type: 'category',
            data: ['2018/1', '2018/2', '2018/3', '2018/4', '2018/5', '2018/6', '2018/7',
                '2018/8', '2018/9', '2018/10', '2018/11', '2018/12', '2019/1']
        },
        yAxis: {
            name:'(人民币/元)',
            type: 'value'
        },
        series: [{
            data: [80, 85, 70, 86, 70, 70,60,55, 59, 67, 75, 80,82],
            type: 'line'
        }],

        dataZoom:[{
            　　type: 'slider',//图表下方的伸缩条
        　　　　show : true, //是否显示
         　　　 realtime : true, //拖动时，是否实时更新系列的视图
        　　　　start : 0, //伸缩条开始位置（1-100），可以随时更改
         　　　 end : 100, //伸缩条结束位置（1-100），可以随时更改
         　　　}],

        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'cross'
            }
        },
    };


    ;
    if (option && typeof option === "object") {
        myChart.setOption(option, true);
    }
</script>
</body>
</html>